#app111 {
    width: 800px;
    height: 400px;
    background-color: lightblue;
    margin: 100px auto;
    /* 上下100px 左右居中 */
    font-size: 40px;
    line-height: 200px;
    /* 行高200px，实现文字垂直居中 */
    text-align: center;
    /* 文字水平居中 */
    border-radius: 10px;
    color: red;
    font-weight: bold;

}


html,
body,
#app,
.el-container {
    margin: 0;
    padding: 0;
    height: 100%;
}

.el-header {
    background-color: #B3C0D1;
    color: #333;
    text-align: left;
    line-height: 80px;
    font-size: 30px;
    font-weight: bold;
}

.el-footer {
    background-color: #B3C0D1;
    color: #333;
    text-align: center;
    line-height: 30px;
}

.el-aside {
    background-color: #D3DCE6;
    color: #333;
    text-align: center;
    line-height: 200px;
}

.el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 160px;
}

/* body>.el-container {
    margin-bottom: 40px;
}

.el-container:nth-child(5) .el-aside,
.el-container:nth-child(6) .el-aside {
    line-height: 260px;
}

.el-container:nth-child(7) .el-aside {
    line-height: 320px;
} */